<?php
/**
 * @file
 * Alpha's theme implementation to display a single Drupal page.
 */
//krumo($page);
global $base_url;
//krumo($base_url);
$path = $base_url.'/'.path_to_theme();
//krumo($path);
$box_footer = boxes_delta_load('footer');
//krumo($box_footer);

$box_map_home = boxes_delta_load('contact');
//krumo($box_map_home);
?>

<body class="op0" data-animated="fadeIn">


<!-- Header
================================================== -->
<header id="header">

<!-- Container -->
<div class="container">

	<!-- Logo / Mobile Menu -->
	<div class="three columns">
	
		<div id="mobile-navigation">
			<form method="GET" id="menu-search" action="#" />
				<input type="text" placeholder="Start Typing..." />
			</form>
			<a href="#menu" class="menu-trigger"><i class="icon-reorder"></i></a>
			<span class="search-trigger"><i class="icon-search"></i></span>
		</div>

		<div id="logo">
			<h1><a href="<?php print $base_url ?>"><img src="<?php print $path?>/images/logo.png" /></a></h1>
		</div>
	</div>


<!-- Navigation
================================================== -->
<div class="thirteen columns">

	<nav id="navigation" class="menu">
	
	<?php 
                    $menu_tree = menu_tree_all_data('main-menu');
                    $menu_expander=menu_tree_output($menu_tree);
                    print render($menu_expander);
                    ?>
		
	</nav>
</div>

</div>
<!-- Container / End -->

</header>
<!-- Header / End -->

<!-- Content Wrapper / Start -->
<div id="content-wrapper">


<!-- Titlebar
================================================== -->
<section id="titlebar">
	<!-- Container -->
	<div class="container">
	
		<div class="eight columns" data-appear-top-offset="-100" data-animated="fadeInLeft">
			 <h2><i class="icon-envelope-alt"></i></h2>
		</div>
		
		
				<?php if ($breadcrumb): ?>  
          <div class="breadcrumb">
            <? print $breadcrumb; ?>
          </div>
        <?php endif; ?>
			
		

	</div>
	<!-- Container / End -->
</section>


<!-- Content
================================================== -->





			

<!-- Container -->
<div class="container">

<?php if (isset($page['content'])) : ?>
    <?php print render($page['content']); ?>
  <?php endif; ?>

</div>
<!-- Container / End -->






</div>
<!-- Content Wrapper / End -->


<!-- Footer
================================================== -->
<div id="footer">

	<!-- Container -->
	<div class="container">

		<div class="one-third column" data-appear-top-offset="-100" data-animated="fadeInLeft">
			<h3>About</h3>
			<?php 
			//$box_about = boxes_delta_load('contact');
			//krumo($box_);
			?>
			<p style="margin:0;"><?php print $box_footer->field_about_description['und'][0]['value']?></p>
		</div>

		

		<div class="one-third column" data-appear-top-offset="-100" data-animated="fadeInUp">
			<h3>Get In Touch</h3>
			<ul class="get-in-touch">
				<li><i class="icon-map-marker"></i> <p><?php print $box_footer->field_address['und'][0]['value']?></p></li>
			<li><i class="icon-user"></i> <p><?php print $box_footer->field_phone['und'][0]['value']?></p></li>
			<li><i class="icon-envelope-alt"></i> <p><?php print $box_footer->field_email['und'][0]['value']?></p></li>
			</ul>
		</div>
		
		<div class="one-third column" data-appear-top-offset="-100" data-animated="fadeInRight">
			<h3>My Place</h3>
			<p><?php print $box_footer->field_newsletter_description['und'][0]['value']?> </p>
			<?php print $box_map_home->field_google_map_home['und'][0]['value']?>
			
			
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer / End -->

<!-- Footer Bottom / Start -->
<div id="footer-bottom">

	<!-- Container -->
	<div class="container">

	  <div class="eight columns">Infinite Visual Pte Ltd © Copyright 2014. All Rights Reserved</div>
		<div class="eight columns">
			<ul class="social-icons-footer">
				<li><a href="#" class="tooltip top" title="Twitter"><i class="icon-twitter"></i></a></li>
				<li><a href="#" class="tooltip top" title="Facebook"><i class="icon-facebook"></i></a></li>
				<li><a href="#" class="tooltip top" title="Dribbble"><i class="icon-dribbble"></i></a></li>
				<li><a href="#" class="tooltip top" title="LinkedIn"><i class="icon-linkedin-rect"></i></a></li>
				<li><a href="#" class="tooltip top" title="RSS"><i class="icon-rss"></i></a></li>
			</ul>
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer Bottom / Start -->




</body>


